<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<p title="莫凡魔方科技">莫凡魔方科技</p>
			<p title="莫凡图书">莫凡图书</p>
		</div>
		
	</body>
</html>

<script src="../../JQ/jquery-3.5.1.min.js"></script>
<script>
	$(function(){
		// remove()
		//$("div p").remove("p[title!=莫凡魔方科技]");
		
		//detach()
		// var $A=$("div p:eq(0)").detach();
		// $A.appendTo("div");
		
		//empty
		$("div p:eq(1)").empty();
	})
</script>
<!--

remove()用于从DOM中删除所有匹配的元素
remove()方法删除某个节点后，该节点所包含的所有后代节点将同时被删除。
remove()方法的返回值是一个指向已被删除的节点的引用，以后也可以继续使用这些元素。重新追加元素，事件和数据将丢失。

detach()同remove方法一样，这个方法不会把匹配的元素从JQuery对象中删除，因此，在将来仍可以使用这些匹配元素。与remove不同所有绑定的事件和附加数据都会保留

empty()不是删除节点，而是清空节点。也可以清除元素中所有的后代节点。

-->